<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>航线对比分享页</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <!--<link rel="stylesheet" href="asset/plugins/jquery-weui/lib/weui.css">-->
    <!--<link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.css">-->
    <!--<link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">-->
    <link rel="stylesheet" href="asset/css/p-contrast.css">
    <script type="text/javascript" src="asset/plugins/rem2px/hd_adapter_rem2px.js"></script>
</head>
<body>
<div style="height:1rem;width:1rem;background-color:#ddd;margin:2rem auto;"></div>
<header class="m-page_header">
    <h1 class="m-header_title">航线对比</h1>
    <a href="javascript:;" class="p-btn-share"><i class="iconfont icon-fenxiang"></i></a>
</header>
<div class="l-container">
    <div class="weui-flex p-contrast-group--main p-contrast-company g-mb--10">
        <div class="weui-flex__item p-contrast_header"><h2 class="m-group_title">邮轮公司</h2></div>
        <div class="weui-flex__item p-contrast_content"><p class="p-company-logo"><img src="asset/images/contrast-logo01.jpg" alt="logo"></p></div>
        <div class="weui-flex__item p-contrast_content"><p class="p-company-logo"><img src="asset/images/contrast-logo02.jpg" alt="logo"></p></div>
    </div>
    <div class="weui-flex p-contrast-group--side p-contrast-ship g-mb--30">
        <div class="weui-flex__item p-contrast_header"><h3 class="m-group_title">邮轮名</h3></div>
        <div class="weui-flex__item p-contrast_content"><p>歌诗达邮轮塞丽娜号</p></div>
        <div class="weui-flex__item p-contrast_content"><p>皇家加勒比海洋量子号</p></div>
    </div>
    <div class="m-group-striped">
        <div class="weui-flex p-contrast-group--base">
            <div class="weui-flex__item p-contrast_header"><h4 class="m-group_title">首航</h4></div>
            <div class="weui-flex__item p-contrast_content"><p>2007年</p></div>
            <div class="weui-flex__item p-contrast_content"><p>2014年<span class="p-contrast-better"><i class="iconfont icon-dianzan"></i></span></p></div>
        </div>
        <div class="weui-flex p-contrast-group--base">
            <div class="weui-flex__item p-contrast_header"><h4 class="m-group_title">载客量</h4></div>
            <div class="weui-flex__item p-contrast_content"><p>3780人</p></div>
            <div class="weui-flex__item p-contrast_content"><p>4180人<span class="p-contrast-better"><i class="iconfont icon-dianzan"></i></span></p></div>
        </div>
        <div class="weui-flex p-contrast-group--base">
            <div class="weui-flex__item p-contrast_header"><h4 class="m-group_title">甲板层数</h4></div>
            <div class="weui-flex__item p-contrast_content"><p>14层</p></div>
            <div class="weui-flex__item p-contrast_content"><p>16层</p></div>
        </div>
        <div class="weui-flex p-contrast-group--base">
            <div class="weui-flex__item p-contrast_header"><h4 class="m-group_title">吨位</h4></div>
            <div class="weui-flex__item p-contrast_content"><p>114,500吨</p></div>
            <div class="weui-flex__item p-contrast_content"><p>168,666吨 <span class="p-contrast-better"><i class="iconfont icon-dianzan"></i></span></p></div>
        </div>
    </div>
</div>
<!--<script type="text/javascript" src="asset/plugins/jquery-weui/lib/jquery-2.1.4.js"></script>-->
<!--<script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>-->
</body>
</html>